/*
* sectionOne
*/
.sectionOne {
    background-color: white;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 0.28rem;
}

.sectionOne h2 {
    font-size: 0.28rem;
    color: #333333;
    text-align: center;
    line-height: 4;
}

.creditProgress {
    text-align: center;
    padding-bottom: 0.34rem;
    position: relative;
}

.creditProgress img {
    width: 3.14rem;
}

.creditProgress div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.creditProgress h3 {
    font-size: 0.5rem;
    color: #cc9d66;
}

.creditProgress h4 {
    font-size: 0.22rem;
    color: #cc9d66;
    font-weight: normal;
    line-height: 2;
}

.creditProgress p {
    font-size: 0.22rem;
    color: #cbcbcb;
}

/*
* sectionTwo
*/
.sectionTwo {
    padding: 0.2rem 0.2rem 0.4rem;
    background-color: white;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 0.28rem;
}

.sectionTwo h2 {
    font-size: 0.28rem;
    color: #333;
    padding-bottom: 0.4rem;
}

.creditText {
    padding-right: 0.1rem;
    display: flex;
    justify-content: space-between;
}

.creditText li {
    flex-grow: 1;
    font-size: 0.26rem;
    text-align: center;
}

.creditText li:first-child{
    flex-grow: 0.2;
    text-align: left;
}

.creditText li.active {
    color: #fe5575;
}

.creditShow {
    padding: 0.3rem 0;
    display: flex;
}

.creditShow li {
    flex-grow: 1;
    height: 0.06rem;
    background: #ededed;
    position: relative;
}

.creditShow li::after {
    content: '';
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 50%;
    background: #ededed;
    position: absolute;
    right:0;
    top: 0;
    transform: translate(50%,-50%);
    z-index: 2;
}

.creditShow li:first-child {
    border-radius: 0.03rem 0 0 0.03rem;
}

.creditShow li:last-child {
    flex-grow: 0.5;
    border-radius: 0 0.03rem 0.03rem 0;
}

.creditShow li.active {
    background: #fe5575;
}

.creditShow li.active::after{
    background: #fe5575;
}

.creditShow li:last-child::after{
    display: none;
}

/*
* sectionThree
*/
.sectionThree {
    padding: 0.4rem 0 0;
    background-color: white;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 0.28rem;
}

.sectionThree div {
    display: flex;
    padding-bottom: 0.5rem;
}

.sectionThree div a {
    flex-grow: 1;
    text-align: center;
}

.sectionThree div a img {
    width: 0.7rem;
    height: 0.7rem;
}

.sectionThree div a p {
    font-size: 0.24rem;
    color: #666666;
    margin-top: 0.3rem;
}